<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>ERP Web &reg;</title>
        <?php
        echo $html->stylesheet("jquery.cluetip.css");
        echo $html->stylesheet("/themes/flick/jquery.ui.all.css");
        echo $html->script("jquery.js");
        echo $html->script("funcoes");
        echo $html->script("meio-mask.js");
        echo $html->script("ui/jquery-ui-1.8.5.custom.js");
        echo $html->script("validate.js");
        echo $html->script("jquery.cluetip.js");
        echo $html->script("regras.validate.js");
        echo $html->script("jquery.form.js");
        echo $html->script("corner.js");
        //pr($loggedUser);
        ?>
        <script type="text/javascript">
            $(document).ready(function(){
                $('.arredonda').corner();
                $('.arredonda1').corner();
                $('.arredonda2').corner();
                $('.master').corner();
            });
        </script>
        <style>
            body{
                color:#010303;
                background-color: #1C464E;
                padding: 0;
                margin: 0;
            }
            .master{
                background-color: #0F2428;
                color: #010303;
                font-weight: bold;
                font-size: 12px;
            }
            .arredonda{
                background-color: #388999;
                height: 540px;
                width: 100%;
                z-index: 998;
                float:left;
                position: relative;
            }
            .arredonda1{
                background-color:#6DBAC9;
                top: 0px;
                height: 540px;
                margin-left:17%;
                width:83%; 
                float:left;
                position: relative;
                

            }
            .arredonda2{
                background-color: #B7DDE5;
                margin-top: 0px;
                height: 540px;
                margin-left: 20%;
                width: 80%;
                z-index: 999;
                float:right;
                position: relative;
            }
            .arredonda3{
                background-color: #1C464E;
            }
            .contentMenu{
                font-size: 12px;
                width: 15%;
                position: absolute;
                padding: 10px;
            }
            .content{
                font-size: 12px;
                width: 100%;
                position: absolute;
                padding: 10px;
            }
            .footer{
                margin: 10px;
            }
            .header{
                margin: 10px;
            }

        </style>

    </head>
    <body>
        <div  class="master">
            <div class="header">
                <img src="../images/logo.png">

            </div>
            <div class="arredonda">
                <ul class="contentMenu">
                    <?php echo $this->element("/gadgets/primeiroMenu"); ?>
                </ul>

                <div class="arredonda1">
                    <ul class="contentMenu">
                        
                    </ul>
                    <div class="arredonda2">
                        <div class="content">
                            <?php echo $this->contentForLayout; ?>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer">
                Rodape
            </div>
        </div>
    </body>
</html>
